.header{
    width: 100%;
    height: 1rem;
    background-image: url("../img/bg.jpg");
    background-size: cover;
    font-size: 20px;
    color: #ffffff;
    padding-top: 0.3rem;
    display: flex;
    justify-content: space-around;
}
.checked{
    color:#ff5d5a;
}
.login1,.login2{
    padding: 0.5rem;
}
.login1 .iconfont, .login2 .iconfont{
    font-size: 24px;
    color: #c1c1c1;
    margin-right: 0.1rem;
    /*vertical-align: middle;*/
}
.text, .password, .message{
    padding: 0.01rem;
    font-size: 12px;
    width: 100%;
    border-bottom: 1px solid #c1c1c1;
}
.message span{
    /*float: right;*/
    color: #6e3594;
}
.text input, .password input, .message input{
    margin-top: 0.5rem;
    /*flex: 1;*/
    outline: none;
    color: #c1c1c1;
    border: none;
}
 button{
    width: 90%;
     outline:none;
    margin: 0.5rem 0.15rem;
    color: #ffffff;
    background-color: #6e3594;
    line-height: 0.5rem;
    font-size: 16px;
    border: none;
}
 .kuai{
     width: 1.5rem;
     font-size: 12px;
     color: #c1c1c1;
     display: flex;
     justify-content: space-between;
     margin: 0 auto;
 }
 .kuai a{
     color: #c1c1c1;
 }
 .elther{
     font-size: 12px;
     width:100%;
     display: flex;
     justify-content: space-between;
     margin-top: 0.7rem;
 }
 .elther a:first-child .iconfont{
     color: #bc52c5;
     font-size: 16px;
 }
.elther a:last-child .iconfont{
    color: #40cb29;
    font-size: 16px;
}
 .elther a{
     color: #c1c1c1;
 }